@charset "utf-8";
@font-face {
    font-family: dinmedium;
    src: url(../font/dinmedium.otf);
}
.dinmedium{font-family: dinmedium;}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 0.16rem;font-family:"Microsoft YaHei","PingFang SC","HarmonyOS Sans";background: #f9f9fb;color: #000;}
input,textarea,select,pre{font-family:"Microsoft YaHei","PingFang SC","HarmonyOS Sans";font-size: 0.16rem;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 0.16rem;line-height: 1.6;transition: all .4s;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;transition: all .4s;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;transition: all .4s;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;transition: all .4s;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1440{width: 75%;margin: 0 auto;}
.w1600{width: 83.33%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 0.16rem;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search-hide-con .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search-hide-con .text::-moz-placeholder{color:#fff;}
.search-hide-con .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 0.1rem;}
.mg-bt15{margin-bottom: 0.15rem;}
.mg-bt20{margin-bottom: 0.2rem;}
.mg-bt25{margin-bottom: 0.25rem;}
.mg-bt30{margin-bottom: 0.3rem;}
.mg-bt40{margin-bottom: 0.4rem;}
.mg-bt50{margin-bottom: 0.5rem;}
.mg-bt60{margin-bottom: 0.6rem;}
.mg-bt70{margin-bottom: 0.7rem;}
.mg-bt80{margin-bottom: 0.8rem;}
.des16 p{font-size: 0.16rem;}
.des18 p{font-size: 0.18rem;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.size18{font-size: 0.18rem;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullets .swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
.wow{transform: translateZ(0);}
.bg-fff{background: #fff;}
.flex{display: flex;}
.zindex5{z-index: 5;}
::-webkit-scrollbar{width: 4px;height: 3px;background: #333;}
::-webkit-scrollbar-track{background: #333;}
::-webkit-scrollbar-thumb{background-color: #006eac;}
/*header s*/
.header{position: fixed;width: 100%;top:0;left: 0;z-index: 999;transition: all .4s;background: rgba(0,0,0,0.1);color:#fff;}
.header > .w1600{height: 1rem;position: relative;}
.logo{position: absolute;top:50%;left: 0;transform: translateY(-50%);}
.logo img{height: 0.4rem;display: block;vertical-align: bottom;}
.header-con{margin-left: 5rem;}
.nav li:last-child{margin-right:0;}
.nav-yi{line-height: 1rem;font-size: 0.18rem;position: relative;display: inline-block;color: #fff;padding: 0 0.25rem;}
.nav-yi:after{content: "";position: absolute;transition: all .4s;width: 0;height: 0.04rem;background: #006eac;left: 50%;transform: translateX(-50%);opacity: 0;top:0;max-width: 100%;}
.nav li:hover .nav-yi:after{width: 0.36rem;opacity: 1;}
.nav li.active .nav-yi:after{width: 0.36rem;opacity: 1;}
.header-area{position: absolute;right: 0;height: 100%;top:0; transition: all .4s;display: flex;align-items: center;}
.header-item{display: flex;align-items: center;cursor: pointer;margin-right: 0.3rem;}
.header-item:last-child{margin-right: 0;}
.header-item-text{margin-right: 0.08rem;}
.header-item-img{width: 0.24rem;}
.language-box{position: absolute;left: 50%;margin-left: -0.4rem; top: 100%;width:0.8rem;z-index: 5;display: none;box-shadow: 0 1px 2px #f5f5f5;background: #f5f5f5;}
.language-box a{display: block;text-align: center;line-height: 0.4rem;transition: all .4s;}
.language-box a:hover{background: #006eac;color: #fff;}
.header-item-ic{display: flex;align-items: center;}
.search-hide{position: fixed;width: 100%;display: none; background: rgba(0,0,0,0.6);left: 0;padding:0.4rem 0;top:1rem;}
.search-hide-con{border-bottom: 1px solid #fff;position: relative;}
.search-hide-con .text{display: block;height: 0.8rem;width: 100%;background: none;color: #fff;}
.size20{font-size: 0.2rem;}
.ss-btn{width: 0.4rem;height: 0.4rem;top:50%;margin-top: -0.2rem;position: absolute;filter: invert(1);}
.ss-sb{background: url("../../uploadfiles/images/icon-seach.png?v=1") no-repeat center;background-size: cover;left: 0;}
.ss-gb{background: url("../../uploadfiles/images/icon-close.png?v=1") no-repeat center;background-size: cover;right: 0;}
.search-hide-text{margin-left: 0.6rem;}
.nav-hide{position: fixed;left: 0;width: 100%;background: rgba(0,0,0,0.6);padding: 0.4rem 0 0.25rem;display: none;}
.nav-nm{display: flex;align-items: center; flex-wrap: wrap;width: 960px;max-width: 100%;margin: 0 auto;}
.nav-nm-a{width: 32%;margin-right: 2%;margin-bottom: 0.15rem;display: flex;justify-content: center;}
.nav-nm-a:nth-child(3n){margin-right: 0;}
.nav-nm-a a{color: #fff; position:relative;padding-left: 0.3rem;}
.nav-nm-a a:last-child{margin-right: 0;}
.nav-nm-a a:before{content:"";position: absolute;left: 0;width: 0.24rem;height: 0.24rem;top:50%;margin-top: -0.12rem;background: url("../../uploadfiles/images/sjx48.png") no-repeat center;background-size: cover;opacity: 0.5;transition: all .4s;}
.nav-nm-a a:hover:before{opacity: 1;}
.nav-nm-a a.active:before{opacity: 1;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:50%;margin-top: -16px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #fff; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.active .header{background: rgba(0,0,0,0.6);}
/*header e*/
/*footer s*/
.footer{color: #fff;}
.footer a{color: #fff;}
.bg-011842{background: #011842;}
.bg-021436{background: #021436;}
.padding-tb80{padding: 0.8rem 0;}
.footer-logo-anv{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.5rem;margin-bottom: 0.5rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer-logo img{display: block;height: 0.4rem;}
.footer-nav{display: flex;}
.footer-nav a{margin-right: 0.7rem;}
.footer-nav a:last-child{margin-right: 0;}
.footer-mid{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.footer-map-lxfs{display: flex;flex-wrap: wrap;align-items: center;}
.footer-map{width: 8rem;max-width: 100%;margin-right: 1rem;}
.footer-code .img100{width: 1.2rem;max-width: 100%;margin: 0 auto 0.1rem;}
.footer-code li{text-align: center;}
.footer-bot{padding: 0.3rem 0;}
.footer-bot .w1600{display: flex;justify-content: space-between;}
.footer-bot span{display: inline-block;color: #888888;}
.footer-bot a{display: inline-block;color: #888888;}
.footer-lxfs li{display: flex;position: relative;padding-left: 1.4rem;}
.lxfs-left{display: flex;align-items: center;position: absolute;top:0;left: 0;}
.lxfs-left img{width: 0.16rem;display: block;}
.lxfs-left div{margin-right: 0.14rem;}
.falv a:hover{color: #fff;}
/*footer e*/


/*about s*/
.ban700 img{object-fit: cover;height: 7rem;}
.ban-sd{z-index: 1;position: absolute;left: 0;bottom:0;width: 100%;height: 2.4rem;background: url("../../uploadfiles/images/ban-sd.png") no-repeat center;background-size: 100% 100%;}
.ban-con{display: flex;align-items: center;position: absolute;left: 0;width: 100%;top:1rem;bottom:1rem;}
.title60 h2{font-size: 0.6rem;}
.title-bold h2{font-weight: bold;}
.title-bold h3{font-weight: bold;}
.des24 p{font-size: 0.24rem;line-height: 1;}
.ban-nav{position: absolute;left: 0;width: 100%;z-index: 5;bottom:0;border-top: 1px solid rgba(255,255,255,0.2);}
.ban-nav .w1600{display: flex;align-items: center;justify-content: space-between;}
.ban-nav-left a{color: #fff;line-height: 1rem;position: relative;margin-right: 0.4rem;}
.ban-nav-left a:last-child{margin-right: 0;}
.ban-nav-left a:after{content: "";position: absolute;transition: all .4s;width: 0;height: 0.04rem;background: #fff;left: 50%;transform: translateX(-50%);opacity: 0;bottom:0;max-width: 100%;}
.ban-nav-left a.active:after{width: 100%;opacity: 1;}
.ban-nav-left a:hover:after{width: 100%;opacity: 1;}
.ban-nav-left{display: flex;}
.ban-nav-right *{color: #fff;}
.ban-nav-right span{margin: 0 0.05rem;}
.padding-tb80{padding: 0.8rem 0;}
.title36 h2{font-size: 0.36rem;}
.en20{font-size: 0.2rem;color: #006eac;font-weight: bold;}
.mg-bt100{margin-bottom: 1rem;}
.title-006eac h2{color: #006eac;}
.title-006eac h3{color: #006eac;}
.des-title24 h3{font-size: 0.24rem;}
.about-left{width: 44%;}
.mg-bt35{margin-bottom: 0.35rem;}
.padding-t80{padding-top: 0.8rem;}
.bg-f9f9fb{background: #f9f9fb;}
.lijing-box{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.lijing-con{width: 43%;margin-right: 8.335%;padding: 3% 0;}
.lijing-img{width: 43.75%;}
.des-bot30 p{margin-bottom: 0.3rem;}
.des-bot30 p:last-child{margin-bottom: 0;}
.des-556b78 p{color: #556b78;}
.data li{width: 48%;margin-right: 4%;margin-bottom: 8%;position: relative;padding-left: 0.3rem;}
.data li:before{content: "";left: 0;top:0;height: 95%;width: 0.05rem;background: #bedfc2;position: absolute;}
.data li:nth-child(2n){margin-right: 0;}
.data-bot{color: #006eac;}
.data-bot *{display: inline-block;font-family: dinmedium;}
.data-bot span{font-size: 0.6rem;}
.data-bot .jia{font-size: 0.32rem;}
.about-bg{z-index: -1;}
/*about e*/
/*history s*/
.btn60 div{display: inline-block;width: 0.6rem;height: 0.6rem;cursor: pointer;border-radius: 100%;background-color: #fff;transition: all .4s;}
.btn601{background: url("../../uploadfiles/images/1201.png") no-repeat center;background-size: cover;margin-right: 0.1rem;}
.btn602{background: url("../../uploadfiles/images/1202.png") no-repeat center;background-size: cover;}
.btn601:hover{background: #006eac url("../../uploadfiles/images/1203.png") no-repeat center;background-size: cover;}
.btn602:hover{background: #006eac url("../../uploadfiles/images/1204.png") no-repeat center;background-size: cover;}
.hisplay .swiper-slide{height: 4.8rem;}
.his-con{width: 1.4rem;height: 1.4rem;background: #fff;border-radius: 100%;flex-direction: column; transition: all .4s;display: flex;align-items: center;justify-content: center;position: absolute;top:50%;left: 50%;}
.hisplay .swiper-slide-active{z-index: 9;}
.hisplay .swiper-slide.first .his-con{left: 0;top:71%}
.hisplay .swiper-slide-prev .his-con{left: -20%;top:58%;z-index: 5;}
.hisplay .swiper-slide-active .his-con{width: 4.8rem;height: 4.8rem;margin-left: -2.4rem;left: 50%;top:0;}
.hisplay .swiper-slide-active .his-year{position: absolute;top:0;left: 0;}
.hisplay .swiper-slide-active .his-year h3{font-size: 1rem;text-shadow: 0.05rem 0.05rem 0.1rem rgba(0,110,172,0.5);}
.hisplay .swiper-slide-next .his-con{left: 70%; top:15%;z-index: 5;}
.hisplay .swiper-slide-next + .swiper-slide .his-con{left: 51%;top:0;}
.hisplay:after{position: absolute;content: "";left: 50%;top:50%;transform: translate(-50%,-50%) rotate(-13deg); border-bottom: 1px solid #ddd;width: 200%;transform-origin: center;}
.his-des{width: 3.4rem;max-width: 100%;margin: 0 auto;display: none;}
.imgmax img{max-width: 100%;}
.title28 h2{font-size: 0.28rem;}
.i50x4{width: 0.5rem;height: 0.04rem;background: #006eac;display: inline-block;vertical-align: middle;}
.padding80{padding: 0.8rem;}
.ssgsjs-img{width: 21%;}
.ssgsjs-bot-des{width: 75%;}
.ssgsjs li{display: block;border-bottom: 1px solid #dde1e4;}
.ssgsjs-bot{padding: 0.35rem 0;border-top: 1px solid #dde1e4;display: none;}
.ssgsjs-bot-con{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.des-title20 h3{font-size: 0.2rem;}
.ssgsjs-top{padding: 0.3rem 0;cursor: pointer;}
.ssgsjs-top h3{margin-right: 0.8rem;}
.sqzk{position: absolute;top:0;right: 0;display: flex;align-items: center;}
.sqzk p:nth-child(2){display: none;}
.sqzk .i{background: url("../../uploadfiles/images/i16x21.png") no-repeat center;background-size: 100% 100%;width: 0.08rem;height: 0.1rem;margin-left: 0.07rem;transition: all .4s;filter: grayscale(1);opacity: 0.5;}
.ssgsjs li:nth-child(1) .ssgsjs-top{padding-top: 0;}
.ssgsjs-top:hover h3{color: #006eac;}
.ssgsjs-top:hover .sqzk p{color: #006eac;}
.ssgsjs-top:hover .sqzk .i{filter: grayscale(0);opacity:1;}
.ssgsjs li.active .ssgsjs-top h3{color: #006eac;}
.ssgsjs li.active .sqzk p{color: #006eac;}
.ssgsjs li.active .sqzk .i{filter: grayscale(0);opacity:1;}
.ssgsjs li.active .sqzk p:nth-child(1){display: none;}
.ssgsjs li.active .sqzk p:nth-child(2){display: block;}
.ssgsjs li.active .sqzk .i{transform: rotate(90deg);}
/*history e*/
/*team s*/
.padding30{padding: 0.3rem;}
.team{display: flex;flex-wrap: wrap;}
.team li{width: 49.375%;margin-right: 1.25%;margin-bottom: 1.25%;}
.team li:nth-child(2n){margin-right: 0;}
.team-top{padding-bottom: 0.2rem;margin-bottom: 0.2rem;border-bottom: 1px solid #dde1e4;}
.des-555 p{color: #555;}
.des-bold p{font-weight: bold;}
.grzc-name{position: absolute;top:0;left: 0;}
.grzc-con{margin-left: 0.9rem;}
.grzc-box{height: 2.32rem;overflow: hidden;}
.shipin-con .grzc-box{height: auto; overflow: visible;}
li.active .grzc-box{height: auto;}
.team .ckxq-box{margin-top: 0.1rem;}
.shipin-con .ckxq-box{display: none;}
.ny-nav{display: inline-block;padding: 0.05rem;border-radius: 0.5rem;}
.ny-nav a{line-height: 0.5rem;min-width: 1.4rem;padding: 0 0.3rem;text-align: center;border-radius: 0.5rem;display: inline-block;}
.ny-nav a.active{background: #006eac;color: #fff;}
.ny-nav a:hover{background: #006eac;color: #fff;}
.vis-list li{width: 25%;text-align: center;padding:1.9rem 0.5rem 0;min-height: 6rem;border-right: 1px solid rgba(255,255,255,0.2);position: relative;z-index: 1;transition: all .4s;}
.vis-list li:last-child{border-right: none;}
.des-1050{width: 10.50rem;max-width: 100%;margin: 0 auto;}
.vis-list .img100{width: 0.5rem;max-width: 100%;margin: 0 auto;}
.padding-b80{padding-bottom: 0.8rem;}
.glfz{display: flex;justify-content: space-between;flex-wrap: wrap;}
.glfz > div{width: 50%;}
.glfz1 .glfz-con{display: flex;align-items: center;}
.glfz1 .glfz-con{justify-content: center;}
.glfz2{flex-direction: row-reverse;}
.glfz-img .img100{height: 100%;padding-bottom: 50%;}
.swiperDot .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;opacity: 1;background: #bbb;margin-right: 0.1rem;}
.swiperDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.swiperDot .swiper-pagination-bullet-active{background: #006eac;}
.glfz2 .swiperDot{position: absolute;left: 0.8rem;bottom:0.8rem;}
/*team e*/
/*activity s*/
.activity li{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;margin-bottom: 1rem;}
.activity li:after{content: "";width: 2.29rem;height: 1.86rem;position: absolute;bottom:-0.8rem;}
.activity li:last-child:after{display: none;}
.activity-img{width: 62.5%;}
.activity-top{width: 37.5%;padding-left: 2.2rem;display: flex;align-items: center;}
.title40 h2{font-size: 0.4rem;}
.title-c{position: absolute;width: 1.2rem;top:-0.45rem;left: -0.6rem;}
.activity li:nth-child(odd){flex-direction: row-reverse;}
.activity li:nth-child(odd) .btn60{position: absolute;right: -0.3rem;bottom:-0.3rem;z-index: 9;}
.activity li:nth-child(even) .btn60{position: absolute;left: -0.3rem;bottom:.3rem;z-index: 9;}
.activity li:nth-child(odd):after{background: url("../../uploadfiles/images/6623.png") no-repeat center;background-size: 100% 100%;left: 64%;}
.activity li:nth-child(even):after{background: url("../../uploadfiles/images/6624.png") no-repeat center;background-size: 100% 100%;right: 64%;}
.page{display: flex;justify-content: center;}
.page a{width: 0.6rem;height: 0.6rem;background: #fff;border-radius: 100%;line-height: 0.6rem;text-align: center;margin: 0.05rem;}
.page a.active{background: #006eac;color: #fff;}
.page a:hover{background: #006eac;color: #fff;}
.page .page-left{background: #fff url("../../uploadfiles/images/1205.png") no-repeat center;background-size: cover;margin-right: 0.15rem;}
.page .page-right{background: #fff url("../../uploadfiles/images/1206.png") no-repeat center;background-size: cover;margin-left: 0.15rem;}
.page .page-left:hover{background: #006eac url("../../uploadfiles/images/1203.png") no-repeat center;background-size: cover;}
.page .page-right:hover{background: #006eac url("../../uploadfiles/images/1204.png") no-repeat center;background-size: cover;}
.zeren-con{transform: scale(0.67);transition: all .4s;}
.swiper-slide-active .zeren-con{transform: scale(1);}
.zrBtn div{position: absolute;top:50%;margin-top: -0.3rem;z-index: 9;}
.zrBtn .btn601{left: 21%;}
.zrBtn .btn602{right: 21%;}
.zeren-con .img100{padding-bottom: 67%;}
.zeren-con:after{content: "";position: absolute;width: 100%;left: 0;bottom:0;height: 1.4rem;background: url("../../uploadfiles/images/sd2.png") no-repeat center;background-size: 100% 100%;z-index: 3;opacity: 0;transition: all .4s;}
.zeren-con .des18{position: absolute;width: 100%;left: 0;bottom:0;padding: 0.25rem;text-align: center;opacity: 0;transition: all .4s;}
.swiper-slide-active .zeren-con:after{opacity: 1;}
.swiper-slide-active .des18{opacity: 1;}
/*activity e*/
/*video s*/
.vd-list2{display: flex;flex-wrap: wrap;}
.vd-list2 li{text-align: center;background: #fff;cursor: pointer;}
.vd-list2 li .des18{padding: 0.25rem;}
.vd-list1 li{margin-bottom: 1rem;position: relative;cursor: pointer;}
.vd-list1 .des-title24{position: absolute;width: 100%;z-index: 5;bottom:0;text-align: center;padding: 0.3rem;}
.vd-img .img100{padding-bottom: 50%;}
.shipin{cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 10rem;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -38px;top:-38px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;max-height: 75vh;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.play80{display: inline-block;width: 0.8rem;height: 0.8rem;background: url("../../uploadfiles/images/play160.png") no-repeat center;background-size: cover;transition: all .4s;border-radius: 100%;}
.play80:hover{box-shadow: 0 0 0.2rem #fff;transform: scale(1.05);}
.vd-img-sd:before{background: rgba(0,0,0,0.4);width: 100%;height: 100%;top:0;left: 0;content: "";position: absolute;z-index: 1;transition: all .4s;}
li:hover .vd-img-sd:before{background: rgba(0,0,0,0);}
.padding20{padding: 0.2rem;}
.list-1 li{display: block;}
.list-2{display: flex;flex-wrap: wrap;}
.list-2 li{width: 49.375%;margin-right: 1.25%;margin-bottom: 1.25%;}
.list-2 li:nth-child(2n){margin-right: 0;}
.list-3{display: flex;flex-wrap: wrap;}
.list-3 li{width: 32.5%;margin-right: 1.25%;margin-bottom: 1.25%;}
.list-3 li:nth-child(3n){margin-right: 0;}
/*video e*/
/*news s*/
.news-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-img{width: 50%;}
.news-con{width: 50%;}
.news-img .swiper-container{height: 100%;}
.news-img .swiper-container a{height: 100%;}
.news-img .swiper-container a .img100{height: 100%;}
.news-img .img100{padding-bottom: 57.3%;}
.news-img .img100:before{content: "";position: absolute;width: 100%;left: 0;bottom:0;height: 1.56rem;background: url("../../uploadfiles/images/sd3.png") no-repeat center;background-size: 100% 100%;z-index: 1;}
.news-img-title{position: absolute;left: 0;width: 100%;bottom:0;z-index: 5;padding: 0.25rem 0.3rem;}
.news-img .swiperDot{position: absolute;right: 0.3rem;bottom:0.32rem;z-index: 5;}
.news-img .swiperDot .swiper-pagination-bullet{background: #bbb;}
.news-img .swiperDot .swiper-pagination-bullet-active{background: #fff;}
.news-img h3{margin-right: 0.8rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-con{padding: 0.3rem 0.4rem 0;}
.title-list li{display: block;margin-bottom: 10px;}
.title-list li:last-child{margin-bottom: 0;}
.title-list li a{display: block;position: relative;}
.title-list li a span{position: absolute;right: 0;top:0;color: #888888;}
.title-list li a p{margin-right: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.title-list li a:hover p{color: #006eac;}
.ckgd{display: inline-block;color: #006eac;}
.ckgd:after{content: "";display: inline-block;background: url("../../uploadfiles/images/i16x21.png") no-repeat center;background-size: 100% 100%;width: 0.08rem;height: 0.1rem;margin-left: 0.1rem;}
.news-con-bot{border-top: 1px solid #dde1e4;padding-top: 0.15rem;}
.padding40{padding: 0.4rem;}
.list-3 li{background: #fff;}
.des-006eac p{color: #006eac;}
.xinwen-img .img100{padding-bottom: 54%;}
.xinwen{display: flex;flex-wrap: wrap;}
.xinwen li:hover h3{color: #006eac;}
.xinwen li:hover p{color: #006eac;}
.xinwen li a{height: 100%;display: block;}
.line-clamp2 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.line-clamp3 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.xinwen-title-list li{display: block;margin-bottom: 0.1rem;}
.xinwen-title-list li a{display: block;background: #fff;padding: 0.3rem 0.4rem;}
.xinwen-title-list li a:hover h3{color: #006eac;}
.xinwen-title-time{position: absolute;right: 0;top:0;}
.xinwen-title-con{margin-right: 1.2rem;}
.xinwen-title-con p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xinwen-li-mp4{cursor: pointer;}
/*news e*/
/*xwxq s*/
.xwxaq-top h1{font-size: 0.24rem;font-weight: bold;}
.xwxaq-top .des-006eac{display: flex;justify-content: center;}
.xwxaq-top .des-006eac p{margin-right: 0.4rem;}
.xwxaq-top .des-006eac p:last-child{margin-right: 0;}
.edit-border{border-top:1px solid #dde1e4;border-bottom: 1px solid #dde1e4;padding: 0.35rem 0;}
.edit img{display: block;max-width: 100%;height: auto !important;margin: 0 auto;}
.xwxq-bot{display: flex;justify-content: space-between;}
.btn50{display: inline-block;min-width: 1.4rem;text-align: center;line-height: 0.5rem;background: #006eac;color: #fff;padding: 0 0.3rem;border-radius: 0.5rem;}
/*xwxq e*/
/*design s*/
.gcsj-a .img100{padding-bottom: 37.5%;}
.gcsj-a-bot{display: flex;flex-wrap: wrap;}

.gcsj-a-page{margin-right: 2%;width: 32%;}
.gcsj-a-page:nth-child(3n){margin-right: 0;}
.gcsj-a-page4 .gcsj-a-page{margin-right: 2%;width: 23.5%;}
.gcsj-a-page4 .gcsj-a-page:nth-child(3n){margin-right: 2%;}
.gcsj-a-page4 .gcsj-a-page:nth-child(4n){margin-right: 0;}

.des-line p{position: relative;padding-left: 0.2rem;}
.gcsj-a-item li{display: block;margin-bottom: 0.05rem;}
.gcsj-a-item:last-child{margin-bottom: 0;}
.des-line p:before{position: absolute;top:0.11rem;left: 0;width: 0.1rem;height: 0.05rem;background: url("../../uploadfiles/images/i20x10.png") no-repeat center;background-size: cover;content: "";}
.gcsj-a-bot{padding: 0.6rem 0.8rem;}
.padding25{padding: 0.25rem;}
.xgal-img .img100{padding-bottom: 67%;}
/*.gcsj-a-bot-img{padding: 0;}*/
.gcsj-a-bot-img{padding: 0.3rem 0.4rem;}
.gcsj-a-bot-img img{max-width: 100%;vertical-align: bottom;height: auto !important;width: 100%;}
/*design e*/
/*case s*/
.case-img{width: 50%;}
.case-img .img100{height: 100%;padding-bottom: 66.5%;}
.case-con{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.case-list li{display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;margin-bottom: 0.2rem;}
.case-list li:nth-child(even){flex-direction: row-reverse;}
.case-list{min-height: 5rem;}

/*.loading{z-index: 9;display: none;}*/
.loading-con{justify-content: center;display: flex;align-items: center;}
.loading img{width: 64px;height: 64px;}
@keyframes rotation{
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.loading img{
    animation: rotation 2s linear infinite;
    animation-fill-mode: forwards;
}

/*case e*/
/*资质资信 s*/
.zx-list{min-height: 3rem;}
.zx-list li{padding: 0.2rem;background: #fff;text-align: center;cursor: pointer;}
.zx-list li:hover p{color: #006eac;}
.gkbz{height: 3.82rem;overflow: hidden;}
.gkbz .swiper-slide:hover p{color: #006eac;}
.zx-warp{background: #e6ecf2;}
.zx-warp .img100{padding-bottom: 67%;}
.gkbz-list li{width: 2.5rem;margin-right: 0.2rem;}
/*.zx-warp2{background: #e6ecf2;display: flex;align-items: center;justify-content: center;padding: 0.8rem;}*/
/*.zx-warp2 .img100{width: 85%;margin: 0 auto;padding-bottom: 60%;}*/
/*资质资信 e*/
/*team s*/
.list-5{display: flex;flex-wrap: wrap;}
.list-5 li{width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;}
.list-5 li:nth-child(5n){margin-right: 0;}
.dashi li{text-align: center;cursor: pointer;}
.ckxq{color: #006eac;text-decoration: underline;}
.dashi-img .img100{width: 1.8rem;max-width: 100%;margin: 0 auto;padding-bottom: 74%;border-radius: 100%;overflow: hidden;}
.sd4{width: 2.4rem;max-width: 100%;bottom:0;position: absolute;left: 50%;transform: translateX(-50%);}
.list-4{display: flex;flex-wrap: wrap;}
.list-4 li{margin-right: 1.25%;width: 24.06%;margin-bottom: 1.25%;}
.list-4 li:nth-child(4n){margin-right: 0;}
.zjtd li{padding: 0.1rem 0.3rem 0.6rem;border-bottom: 0.04rem solid #006eac;
    background-image: linear-gradient( to bottom, rgba(0,110,172,0) 0%, rgba(0,110,172,0.1) 100%);
}
.zjtd{display: flex;flex-wrap: wrap;}
.border-bottom{border-bottom: 1px solid #dbe0e3;}
.zjtd-name h3{line-height: 0.6rem;}
.des14 p{font-size: 0.14rem;}
.padding60{padding: 0.6rem;}
.team-hide{display: none;justify-content: space-between;flex-wrap: wrap;}
.team-hide.active{display: flex;}
.team-img{width: 27.3%;}
.team-con{width: 67%;}
/*team e*/
.dsgzs .img100{padding-bottom: 57.5%;}
.achieve-img{width: 50%;}
.achieve-con{width: 50%;padding: 0.8rem 0.55rem;}
.achieve{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;}
.achieve-con-bot li{width: 48%;margin-right: 4%;}
.achieve-con-bot li:nth-child(2n){margin-right: 0;}
.achieve-con-page:last-child{margin-bottom: 0;}
.achieve-img .img100{height: 100%;}
.achieve-img .img100 img{height: 100%;object-fit: cover;}
.bg-e6ecf2{background: #e6ecf2;}
.img-bg-con{overflow: hidden;}
.img-bg-con img{height: 3.4rem;width: auto;object-fit: contain;max-width: 100%;}
/*honor s*/
.color-006eac{color: #006eac;}
.ry-data{justify-content: center;}
.ry-data li:last-child{margin-right: 0;}
.ry-data li{background: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0));height: 1.6rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.ry-data li span:first-child{font-size: 0.6rem;}
.des-title18 h3{font-size: 0.18rem;}
.hjqd-page > .relative{display: flex;flex-wrap: wrap;}
.hjqd-a{width: 21%;}
.hjqd-b{width: 73%;}
.hjqd-c{position: absolute;top:0;right: 0;}
.ckxq-zk{display: none;}
.bg-006eac{background: #006eac;}
.hjqd-top{padding: 0 0.4rem;}
.hjqd-top p{line-height: 0.6rem;}
.naindu{position: absolute;top:0;right: 0;}
.hjqd-b li{display: block;position: relative;margin-bottom: 0.08rem;}
.hjqd-b li p{margin-right: 3.8rem;}
.hjqd-b li span{position: absolute;top:0;right: 0;white-space: nowrap;}
.hjqd-page.hide .ckxq-sq{display: none;}
.hjqd-page.hide .ckxq-zk{display: block;}
.hjqd-page.hide li{display: none;}
.hjqd-page.hide li:nth-child(1){display: block;}
.hjqd-page.hide li:nth-child(2){display: block;}
/*honor e*/
/*6.5support_standard s*/
.des-h60 .des18{height: 0.6rem;display: flex;align-items: center;justify-content: center;}
.gkbz .img100{padding-bottom: 124%;}
/*.gkbz .swiper-slide{cursor: pointer;}*/
.jsbzbz .achieve-con-bot{display: flex;flex-wrap: wrap;}
.jsbzbz li{margin-bottom: 0.06rem;}
.jsbzbz-btn{position: absolute;right: 0.4rem;top:0.6rem;}
.jsbzbz.hide .ckxq-sq{display: none;}
.jsbzbz.hide .ckxq-zk{display: block;}
.jsbzbz.hide li{display: none;}
.jsbzbz.hide li:nth-of-type(-n+10){display: block;}
.ryshutu .img100{padding-bottom: 121%;}
.ryshutu li{cursor: pointer;}
/*6.5support_standard e*/
/*index s*/
.swiper-container1,.banner .swiper-container{height: 100%;}
.banner .img100 img{height: 100vh;object-fit: cover;}
.banner .img100 video{height: 100vh;object-fit: cover;}
.footer-slide{height: auto !important;}
.bannerDot{position: absolute;width: 100%;left: 0;z-index: 9;bottom:0.5rem;text-align: center;}
.bannerDot .swiper-pagination-bullet{width: 0.8rem;height: 0.04rem;opacity: 0.6;border-radius: 0;background: #fff;}
.bannerDot .swiper-pagination-bullet-active{opacity: 1;}
.index-top-header{position: absolute;width: 100%;left: 0;top:1rem;bottom:0;}
.gy-con{width: 43.75%;}
.title-556b78 h3{color: #556b78;}
.border-fff-05{border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 0.3rem;}
.gy-data{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ljwm{background: #fff;display: flex;width: 2rem;padding: 0 0.2rem;justify-content: space-between;border-radius: 0.6rem;color: #006eac;align-items: center;}
.ljwm *{display: inline-block;vertical-align: middle;}
.ljwm span{line-height: 0.6rem;}
.ljwm:after{content: "";background: url("../../uploadfiles/images/i16x21.png") no-repeat center;background-size: 100% 100%;width: 0.125rem;height: 0.145rem;transition: all 0.4s;}
.ljwm:hover{background: #006eac;color: #fff;}
.ljwm:hover:after{background: url("../../uploadfiles/images/i16x21-fff.png") no-repeat center;background-size: 100% 100%;}
.title-btn-group{display: flex;justify-content: space-between;align-items: center;}
.zixun .swiper-slide a{display: block;height: 5.2rem;position: relative;}
.zixun a .xinwen-img{position: absolute;top:0;left: 0;width: 100%;}
.xw-bot-240{height: 2.4rem;padding: 0.3rem 0.4rem;position: absolute;bottom:0;left: 0;width: 100%;z-index: 9;background: #fff;transition: all .4s;}
.zixun .xinwen-img .img100{transition: all .4s;}
.news-hide .des-556b78{margin: 0.2rem auto 0.3rem;opacity: 0;transition: all .4s;}
.news-hide{padding-bottom: 0.2rem;}
.news-hide:after{height: 0.1rem;position: absolute;bottom:0;left: 50%;transform: translateX(-50%); background: #006eac;content: "";width: 0;transition: all .4s;opacity: 0;}
.zixun .swiper-slide a:hover .xw-bot-240{height: 3.4rem;}
.zixun .swiper-slide a:hover .xinwen-img .img100{padding-bottom: 35%;}
.zixun .swiper-slide a:hover .des-556b78{opacity: 1;}
.zixun .swiper-slide a:hover .news-hide:after{width: 100%;opacity: 1;}
.fuwu-con{width: 38%;}
.ckgdxq{background: rgba(255,255,255,0.2);color: #fff;}
.ckgdxq:after{background: url("../../uploadfiles/images/i16x21-fff.png") no-repeat center;background-size: 100% 100%;}
/*.fwic{position: absolute;right: 8.335%;height: 6rem;top:50%;margin-top: -3rem;width: 1.1rem;}*/
/*.fwic li{border-radius: 100%;border:1px solid #fff;position: absolute;transition: all .4s;cursor: pointer;}*/
/*.fwic li:nth-child(1){top:0;right: 0;}*/
/*.fwic li:nth-child(2){top:1.3rem;left: 0.1rem;}*/
/*.fwic li:nth-child(3){top:48%;left: 0;margin-top: -0.3rem;}*/
/*.fwic li:nth-child(4){bottom:1.4rem;left: 0.1rem;}*/
/*.fwic li:nth-child(5){bottom:0.1rem;right: 0;}*/
/*.fwic li img{width: 0.7rem;display: block;}*/
/*.fwic li.active{background: #006eac;border-color: #006eac;}*/
/*.fwic li:hover{background: #006eac;border-color: #006eac;}*/
/*.fwic:after{width: 1.35rem;height: 8.98rem;background: url("../../uploadfiles/images/135.png") no-repeat center;background-size: 100% 100%;top:50%;transform: translateY(-50.6%);left: 0.35rem;pointer-events: none; content: "";position: absolute;}*/

.fwic{height: 100%;top:0;right: 0;position: absolute;display: flex;align-items: center;justify-content: center;}
.fwic .swiper-container{height: 3.3rem;width: 1.4rem;}
.fwic .swiper-slide{cursor: pointer;opacity: 0;max-width: .7rem;}

/*.fwic .swiper-slide:nth-child(3n+1){transform: translateX(-56px);}
.fwic .swiper-slide:nth-child(3n+2){transform: translateX(-80px);}
.fwic .swiper-slide:nth-child(3n+3){transform: translateX(-95px);}*/
.fwic .swiper-slide-active{opacity: 1;transform: translateX(.4rem) translateY(.01rem) !important;}
.fwic .swiper-slide-next{opacity: 1;transform: translateX(.3rem) translateY(.2rem) !important;}
.fwic .swiper-slide-next + .swiper-slide{opacity: 1;transform: translateX(.4rem) translateY(.4rem) !important;}
/*.fwic .swiper-slide:nth-child(3n+4){transform: translateX(-80px);}
.fwic .swiper-slide:nth-child(3n+5){transform: translateX(-56px);}*/

.fwic:after{width: 1.35rem;height: 8.98rem;background: url("/uploadfiles/images/135.png") no-repeat center;background-size: 100% 100%;top:50%;transform: translateY(-50%);right: -.6rem;pointer-events: none;content: "";position: absolute;}
/*.fwic li:nth-child(1){top:0;right: 0;opacity: 1;}
.fwic li:nth-child(2){top:1.3rem;left: 0.1rem;opacity: 1;}
.fwic li:nth-child(3){top:48%;left: 0;margin-top: -0.3rem;opacity: 1;}
.fwic li:nth-child(4){bottom:1.4rem;left: 0.1rem;opacity: 1;}
.fwic li:nth-child(5){bottom:0.1rem;right: 0;opacity: 1;}
*/

.fwic .swiper-slide .img100{border:1px solid #fff;border-radius: 100%;transition: all .4s;position: absolute;top:0%;left: 0;transform: translateY(0%);width: 100%;}
.fwic .swiper-slide.active-nav .img100{background: #006eac;border-color: #006eac;}
.fwic .swiper-slide:hover .img100{background: #006eac;border-color: #006eac;}
.btn60-fff .btn601{background: url("../../uploadfiles/images/1203.png") no-repeat center;background-size: cover;border:1px solid #fff;transform: rotate(90deg);}
.btn60-fff div:hover{background-color: #006eac;border-color:#006eac;}
.btn60-fff .btn602{background: url("../../uploadfiles/images/1204.png") no-repeat center;background-size: cover;border:1px solid #fff;transform: rotate(90deg);}
.fwic .btn60 div{position: absolute;left: 50%;margin-left: -0;width: 0.7rem;height: 0.7rem;margin-top: .6rem;z-index: 20;}
.fwic .btn601{bottom:100%;margin-bottom: 0.58rem;}
.fwic .btn602{top:100%;margin-top: 0.1rem;}
.fwic-warp{position: absolute;top:50%;right: 0;transform: translateY(-50%);}
/*.fwic-warp .swiper-button-disabled{display: none;}*/
.fwic-warp .swiper-button-disabled{opacity: .5;}

.shiji-img{width: 65.3%;}
.shiji-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.shiji-box .ljwm{position: absolute;left: 0;bottom:0.8rem;}
.shiji-con{width: 30%;padding-top: 2.1rem;position: relative;}
.title36-shiji{position: absolute;left: 52.6%;z-index: 9;}
.shiji-img .img100{padding-bottom: 66.5%;}
.shijiplay .btn602{position: absolute;bottom:0.8rem;right: 19%; z-index: 9;}
.shichuang-bg:after{content: "";width: 100%;height: 100%;top:0;left: 0;background: rgba(0,110,172,0.4);position: absolute;}
.indexDot{position: absolute;left: 0.2rem;top:50%;transform: translateY(-50%);z-index: 888;}
.indexDot li{display: flex;align-items: center; cursor: pointer;font-size: 14px;margin-bottom: 41px;position: relative;}
.indexDot li:last-child{margin-bottom: 0;}
.indexDot li .i{display: inline-block;width: 7px;height: 7px;border:1px solid #fff;border-radius: 100%;margin-left: 10px;position: relative;}
.indexDot li .i:before{content: ""; position: absolute;right: 2px;border-right: 1px solid #fff;height: 42px;top:100%;margin-top: 8px;}
.indexDot li:last-child .i:before{display: none;}
.indexDot li p{opacity: 0;}
.indexDot li.active p{opacity: 1;}
.indexDot.color-000{filter: brightness(0.5);}
/*index e*/
.list-bot06 li{margin-bottom: 0.06rem !important;}
.hover-bg-006eac{transition: all .4s;}
.hover-bg-006eac:hover{background: #006eac;}
.hover-bg-006eac:hover *{color: #fff;}
.hover-bg-006eac:hover .swiper-pagination-bullet-active{background: #fff;}
.hover-title-006eac li:hover h3{color: #006eac;}
.cgzs li .img100{overflow: visible;}
.fubj img{z-index: -2; transition: all .2s;}
.fubj img.active{z-index: -1;}
.no-ban{padding-top: 1rem;}
.no-ban .header{background: #000;}
/*网站地图*/
.sitemap li:nth-child(1){padding-top: 0;}
.sitemap li{padding:0.3rem 0 0.2rem;border-bottom:solid 1px #eeeeee;display: block;}
.sitemap li span{font-size:0.16rem;}
.sitemap li a{font-size:0.16rem;color: #666;transition: all .4s;}
.sitemap dl{padding:0.15rem 0 0;}
.sitemap dt{display:inline-block;opacity:0.8;padding-right:0.2rem;padding-bottom: 0.1rem;}
.sitemap li a:hover{color: #4191f4;}
/*网站地图e*/
/*搜索 s*/
.ssjg-top{display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #999;padding-bottom: 0.2rem;}
.result-box .result-item{display: none;}
.result-box .result-item.active{display: block;}
.ss-type a{color: #888;margin-right: 0.6rem;}
.ss-type a:last-child{margin-right: 0;}
.ss-type a.active{color: #000;}
.ss-type a:hover{color: #000;}
.ssjg-ss-con{width: 6.8rem;max-width: 100%;margin: 0 auto;text-align: center;border-radius: 0.6rem;overflow: hidden;}
.ssjg-ss .text{display: block;width: 100%;height: 0.6rem;font-size: 0.16rem;text-indent: 0.25rem;}
.sssb{position: absolute;width: 0.6rem;height: 0.6rem;background: url("../../uploadfiles/images/s120.png") no-repeat center;background-size: cover;top:0;right: 0;}
/*搜索 e*/
#mapDiv{height: 1.8rem;}
.maodian{position: absolute;top:-1rem;left: 0;}

.banner-des h2{font-size: 0.6rem;color: #fff;letter-spacing: 0.1rem;}
.banner-des p{letter-spacing: 0.02rem;}


.imgcover{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.imgcontain{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit:contain;}
.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.banner .swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}